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Short Course on HTML Froms with CGI 


1 - Example of minimal HTML Form syntax: 
<HTML> 
<HEAD> 
<TITLE>Teilnehmer Formulare</TITLE> 
</HEAD> 
<BODY> 
<FORM ACTION="./test2.mycgi" METHOD="GET"> 
<HR> 
<B>Ihre Name: </B> 
<INPUT NAME="Name" TYPE="text" SIZE="53"><BR> 
<B>Ihre Addresse: </B> 
<TEXTAREA NAME="Address" ROWS="6" COLS="53"></TEXTAREA><BR> 
<B>Ihre E-Mail: </B> 
<INPUT NAME="Email" TYPE="Text" SIZE="53"><BR> 
<HR> 
<P><CENTER><INPUT TYPE="submit" VALUE="Senden"></CENTER> 
</FORM> 
</BODY> 


</HTML> 
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#!/bin/sh 

echo Content-type: text/html 

echo 

# This above header and empty echo 


after it is VERY important. 


# Otherwise Apache declare an error..."Content-type" header is needed 


is also very important 


"<Center><H1>CGI Environment Variables</H1></Center><BR>" 


<TD>$ SERVER_NAME</TD></TR>" 
<TD>$HTTP_HOST</TD></TR>" 
<TD>$HTTP_ACCEPT</TD></TR>" 


"<TR><TD>HTTP_ACCEPT_CHARSET : </TD><TD>SHTTP_ACCEPT_CHARSET</TD></TR>" 
"<TR><TD>HTTP_ACCEPT_LANGUAGE : </TD><TD>$HTTP_ACCEPT_LANGUAGE</TD></TR>" 


<TD>$HTTP_USER_AGENT</TD></TR>" 
<TD>$HTTP_REFERER</TD></TR>" 
<TD>$HTTP_CONNECTION</TD></TR>" 
<TD>$SERVER_PORT</TD></TR>" 
<TD>$REMOTE_HOST</TD></TR>" 
<TD>$REMOTE_PORT</TD></TR>" 
<TD>$REMOTE_ADDR</TD> </TR>" 
<TD>$REMOTE_USER</TD> </TR>" 
<TD>$SERVER_PROTOCOL</TD></TR>" 
<TD>$REQUEST_METHOD</TD></TR>" 
<TD>SREQUEST_URI</TD></TR>" 
<TD>$REMOTE_IDENT</TD></TR>" 
<TD>SAUTH_TYPE</TD></TR>" 
<TD>$CONTENT_TYPE</TD></TR>" 
<TD>$CONTENT_LENGTH</TD></TR>" 
<TD>$SCRIPT_NAME</TD></TR>" 
<TD>$SCRIPT_FILENAME</TD></TR>" 
<TD>SQUERY_STRING</TD></TR>" 
<TD>$PATH_INFO</TD></TR>" 
<TD>$PATH_TRANSLATED</TD></TR>" 


# The HTML code enclosed in quotes 

echo "<HTML>" 

echo "<HEAD>" 

echo "<TITLE>This is a CGI test</TITLE>" 

echo "</HEAD>" 

echo "<BODY>" 

echo "<FONT SIZR=4>" 

echo 

echo "<HR>" 

echo "<FONT SIZE=4>" 

echo "<Table border=0>" 
echo "<TR><TD>SERVER_NAME: </TD> 
echo "<TR><TD>HTTP_HOST: </TD> 
echo "<TR><TD>HTTP_ACCEPT: </TD> 
echo 
echo 
echo "<TR><TD>HTTP_USER_AGENT: </TD> 
echo "<TR><TD>HTTP_REFERER: </TD> 
echo "<TR><TD>HTTP_CONNECTION: </TD> 
echo "<TR><TD>SERVER_PORT:</TD> 
echo "<TR><TD>REMOTE_HOST:</TD> 
echo "<TR><TD>REMOTE_PORT: </TD> 
echo "<TR><TD>REMOTE_ADDR: </TD> 
echo "<TR><TD>REMOTE_USER: </TD> 
echo "<TR><TD>SERVER_PROTOCOL: </TD> 
echo "<TR><TD>REQUEST_METHOD: </TD> 
echo "<TR><TD>REQUEST_URI :</TD> 
echo "<TR><TD>REMOTE_IDENT: </TD> 
echo "<TR><TD>AUTH_TYPE: </TD> 
echo "<TR><TD>CONTENT_TYPE: </TD> 
echo "<TR><TD>CONTENT_LENGTH: </TD> 
echo "<TR><TD>SCRIPT_NAME: </TD> 
echo "<TR><TD>SCRIPT_FILENAME : </TD> 
echo "<TR><TD>QUERY_STRING: </TD> 
echo "<TR><TD>PATH_INFO: </TD> 
echo "<TR><TD>PATH_TRANSLATED: </TD> 

echo "</TABLE><BR><HR>" 

echo "</FONT>" 


#-- Display all the CGI Environment Variables list and values 
echo "<Center><Hl>All Environment variables</H1></Center><BR>" 


printenv | sort | sed -e 's/.*$/&\<BR\>/' 
echo "<HR>" 
#--- Display only CGI Environment Variables created by 'uncgi' -------- 


echo "<Center><Hl>uncgi generated Env. variables</H1></Center><BR>" 


printenv grep "WWW_" sed -e 
echo "<HR>" 
# an 


newline, @ etc, 
# Convert the + to space, 


ConvertedSTR="echo "$QUERY_STRING" | 


back in their original 
30D20A to <BR>, 


's/.*$/&\<BR\>/' 


Change the special codes given by browser for space, 


340 to @ 


sed -e 's/\%0A/\<BR\>/g' \ 


-e 's/\%0D//g' -e 's/\%40/\@/g' -e 's/\+/\ /g'` 


#------ Separate the 3 NAME=DATA 

paraml=‘echo "$ConvertedSTR" cut -d "&" -f 1 ` 
param2="echo "$ConvertedSTR" cut -d "&" -f 2 ` 
param3="echo "$ConvertedSTR" cut -d "&" -f 3 ` 

#----- Separate the NAME and the DATA from the NAME=DATA 
kwl=" echo "$paraml" cut -d "=" -f 1° 
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vall=‘echo "$parami" | cut -a "=" -f 2° 

kw2=" echo "$param2" | cut -d "=" -f 1° 

val2=‘echo "$param2" | cut -da "=" -f 2° 

kw3=‘echo "$param3" | cut -d "=" -f 1° 

val3=‘echo "$param3" | cut -da "=" -f 2° 

Barren Display the CGI Environment Variables list and values ------- 
echo "<Center><Hl>CGI Parameters List</H1></Center><BR>" 
echo "Parameter 1 = $kw1<BR>" 

echo "Value 1 = $vall<BR>" 

echo "Parameter 2 = $kw2<BR>" 

echo "Value 2 = $val2<BR>" 

echo "Parameter 3 = $kw3<BR>" 


echo "Value 3 = $val3<BR>" 
echo "<HR>" 


POT aa Adding the Name, Address,e-mail to the visitors file -------- 
echo "$vall,$val2, $val3-IPAddr: $REMOTE_ADDR" >> visitors.cvs 

echo "<Center><Hl>Besucher Liste</H1></Center>" 

cat visitors.cvs | sed -e 's/.*$/&\<BR\>/' 

echo "<HR>" 


# - Display which user and group the CGI is identied in Linux system - 
echo "<Center><Hl>This CGI is identified as: <BR>" 

user='id -nu‘ 

group=" id -ng` 

echo "User = $user <BR>" 

echo "Group = $group <BR>" 

echo "</H1></Center><BR>" 

echo "<HR>" 


J- == Display all the system Processes 

echo "<Center><Hl>System Processes</Hl></Center><BR>" 

ps -ax | sed -e 's/\ \ PID/\<B\>&/' -e 's/.*COMMANDS/&\<\/B\>/' \ 
-e 's/.*S/&\<BR\>/' 

echo "<HR>" 


#2 Display free space of all mounted disks in Linux ----------- 
echo "<Center><Hl>Disk Space</Hl></Center><BR>" 

df -h | sed -e 's/.*$/&\<BR\>/' 

echo "<HR>" 


#-- 2 Display the Kernel Processes list 
echo "<Center><Hl>Kernel Process Info</Hl></Center><BR>" 
procinfo -a | sed -e 's/.*$/&\<BR\>/' 

echo "<HR>" 


#7 Display who is logged-in now 
echo "<Center><H1>Who is logged now</Hl></Center><BR>" 
w | sed -e 's/.*$/&\<BR\>/' 

echo "<HR>" 


Br Display who were the last 20 logins (incl reboots) ---------- 
echo "<Center><Hl>Who were the last 20 logins (incl reboots) 
</H1></Center><BR>" 

last -20 | sed -e 's/.*$/&\<BR\>/' 

echo "<HR>" 


#------- END of CGI Script 
echo "</BODY>" 
echo "</HTML>" 
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3- Example of HTML Search machine via HT://Dig 


<HTML> 
<HEAD> 


<TITLE>Suche durch </TITLE> 


</HEAD> 


<BODY BGCOLOR=" #ffffff"> <HR> 


<Table> 
<TR> 


<img align="center" src="./htdig.gif"> 


</TR> 
<TR> 
<center> 


<form method="GET" action="/cgi-bin/htsearch"> 
<font size=-1> 
<H3>Start eine Suche mit </H3> 


<center> 


<select name=method> 
<option value="and">Und-Verknuepfung der Worte</option> 
<option value="or" Selected> 
Oder-Verknuepfung der Worte</option> 


</select> 


<Select name=config> 


<option 
<option 
<option 
<option 
<option 
<option 
<option 
<option 
</Select> 


value="bashshell">bashshell.conf</option> 
value="forms">forms.conf</option> 
value="htdigv">htdigv.conf</option> 
value="linuxkurs">linuxkurs.conf</option> 
value="manual">manual.conf</option> 
value="samba">samba.conf</option> 
value="selfhtml">selfhtml.conf</option> 
value="webalizer">webalizer.conf</option> 


, Suchbegriffe: 
<input type="text" size="30" name="words" value=""> 
<input type="submit" value="Search"> 


<select 


name="sort"> 


<option value="score" selected>Score 

<option value="time">Time 

<option value="title">Title 

<option value="revscore">Reverse Score 

<option value="revtime">Reverse Time 

<option value="revtitle">Reverse Title 
</select> 


</form> 
</center> 
</TR> 
</Table> 
</BODY> 
</HTML> 
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